<!DOCTYPE html>
<html>
 <head>
	<title>	</title>
	<style type="text/css">
		#main{
			
			width:900px;
			height: 340px;
			border: 1px solid black;
			position: relative;
		}
		#top{
			background:#70F3FF;
			height: 60px;
			border: 1px solid black;
		}
		#left{
			background: #003371;
			position: relative;
			top:0px;
			left:2px;
			width:400px;
			height: 200px;
			border: 1px solid black;
		}
		#right{
			background:#44CEF6;
			position: relative;
			top:-200px;
			left:410px;
			width:480px;
			height: 200px;
			border: 1px solid black;
		}
		#bottom{
			background:#4C8DAE;
			height: 60px;
			border: 1px solid black;
			position: relative;
			top:-200px;
			width: 100%;
		}
	</style>
 </head>
<body>	
		<div id="main">
			<div id="top">top</div>
			<div id="left">left</div>
			<div id="right">right</div>
			<div id="bottom">bottom</div>
		</div>
</body>
</html>
